<template>
  <div>
    <p>{{ count }}</p>
    <button @click="count++">++</button>
    <button @click="increase()">increase</button>
    <button @click="add(3)">add3</button>
  </div>
</template>

<script setup>
  import {ref} from 'vue'
  const count = ref(0)

  const increase = () => {
    count.value++
  }

  const add = (n) => {
    count.value += n
  }
</script>

<style>

</style>